@import './variables.scss';
@import './mixin.scss';
*,
:after,
:before {
    outline: none;
}

html,
body {
    font-family: "微软雅黑";
    // font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #515a6e;
    background-color: #fff;
    box-sizing: border-box;
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.primary{
    color: #409EFF;
}
.warning{
    color: #E6A23C;
}
.danger{
    color: #F56C6C;
}
.success{
    color: #67C23A;
}
.info{
    color: #909399;
}


/*
移除input number上的spinner,上下箭头
比如说input[type="number"],就可以保证用户输入数字，但是input也有一些不好的地方——带有 spinner
*/

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /*outer */
}


// /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

// ::-webkit-scrollbar {
//     width: 6px;
//     height: 6px;
//     background-color: #F5F5F5;
// }


// /*定义滚动条轨道 内阴影+圆角*/

// ::-webkit-scrollbar-track {
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
//     border-radius: 0;
//     background: #fff;
// }


// /*定义滑块 内阴影+圆角*/

// ::-webkit-scrollbar-thumb {
//     border-radius: inherit;
//     background-color: rgba(144, 147, 153, 0.3);
//     -webkit-transition: 0.3s background-color;
//     transition: 0.3s background-color;
// }


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar-thumb {
    background-color:rgba(130,130,130,.5);
    -webkit-border-radius: 4px;
    border-radius: 4px
}
::-webkit-scrollbar-thumb:hover {
    background-color: #f1404b;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px
}
::-webkit-scrollbar-thumb:active {
    background-color: #f1404b;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
    border-radius: 0 0 8px 0
}
::-webkit-scrollbar-button {
    background-color: rgba(0,0,0,0);
    height: 2px;
    width: 2px
}
